<template>
  <div id="index">
    <el-container class="el-container" direction="vertical">
      <el-header class="header">
        <mainHead></mainHead>
      </el-header>

        <mainBody></mainBody>
<!--      </el-main>-->
    </el-container>
  </div>
</template>

<script>
import mainHead from '../components/index/mainHead.vue'
import mainBody from '../components/index/mainBody.vue'
export default {
  components: {
    mainHead,
    mainBody
  }
}
</script>

<style>
#index {
  height:100%;
  width:100%;
  margin: 0;
  padding: 0;
}
.el-container {
  height: 100%;
}
.header {
  padding: 0;
  height: 10%;
  background: #272e38
}
.el-main{
  padding: 0;
}
.main {
  padding: 0;
  margin: 0;
  width: 100%;
  background: #ffffff
}

</style>
